<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=7" />
    <meta name="Author" content="">
    <title>语轶商务咨询有限公司</title>
    <link href="${pageContext.request.contextPath}/css/css_whir.css" rel="stylesheet" type="text/css" />
    <link href="${pageContext.request.contextPath}/css/jquery.pagination.css">
    <script src="${pageContext.request.contextPath}/js/jquery-1.12.4.js" type="text/javascript"></script>
    <script src="${pageContext.request.contextPath}/js/jquery.pagination.min.js"></script>
<!--[if IE 6]>
<script src="Script/pngAlaph.js"></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<style>

</style>
</head>
<body>
    
    <!--top-->
    <%@ include file="head.jsp"%>
    <!--top End-->
    
    <!--Star-->
    <div class="Body_bg">
    <div class="Banner" style="background:url(${pageContext.request.contextPath}/images/temp/Ban_teacher.jpg) no-repeat center top;"><div class="bg"></div></div>
    <div class="Content">  

           <!--Sidebar-->
           <div class="Sidebar">
                          <div class="Menu">
                    <h4><img src="${pageContext.request.contextPath}/images/Nav_teacher.png" /></h4>
                    <dl><img src="${pageContext.request.contextPath}/images/Teacher_photo.jpg" /></dl>
               </div>
           </div>
           <!--Sidebar End-->
           <!--Right-->
           <div class="RightSidebar">
                <div class="Current">您现在的位置：首页 > 名师风采 </div>
                <div class="MainContent">
                 
                        <!--搜索-->
                        <div class="Teacher_search" >
                           <input name="tnumber" id="number" type="text" class="text" value=""/><input name="" type="button" class="btn" value="" onclick="chek()"/>
                            <script>
                                function chek(){
                                 var data =$("#number").val();
                                 location.href="${pageContext.request.contextPath}/teachers/show?tnumber="+data+"&pageNum=1";
                                }
                            </script>
                        </div>
                        <!--搜索 End-->
                        <!--筛选-->
                        <div class="Select">
                        <ul>
                               <li>
                                      <dd>外教性别：<a href="${pageContext.request.contextPath}/teachers/show" class="more">不限</a></dd>
                                      <dt><a href="${pageContext.request.contextPath}/teachers/show?tsex=男 ">男</a>
                                          <a href="${pageContext.request.contextPath}/teachers/show?tsex=女">女</a></dt>
                               </li>
                               <li>
                                      <dd>外教国籍：<a href="${pageContext.request.contextPath}/teachers/show" class="more">不限</a></dd>
                                      <dt><a href="${pageContext.request.contextPath}/teachers/show?tcountry=英国">英国</a>
                                          <a href="${pageContext.request.contextPath}/teachers/show?tcountry=美国">美国</a>
                                          <a href="${pageContext.request.contextPath}/teachers/show?tcountry=加拿大">加拿大</a>
                                          <a href="${pageContext.request.contextPath}/teachers/show?tcountry=澳大利亚">澳大利亚</a>
                                      <a href="${pageContext.request.contextPath}/teachers/show?tcountry=新西兰">新西兰</a>
                                          <a href="${pageContext.request.contextPath}/teachers/show?tcountry=其他">其他</a></dt>
                               </li>
                               <li>
                                      <dd>教学经验：<a href="${pageContext.request.contextPath}/teachers/show" class="more">不限</a></dd>
                                      <dt><a href="${pageContext.request.contextPath}/teachers/show?texperience=3">3年以下</a>
                                          <a href="${pageContext.request.contextPath}/teachers/show?texperience=5">3-5年</a>
                                          <a href="${pageContext.request.contextPath}/teachers/show?texperience=10">5-10年</a>
                                          <a href="${pageContext.request.contextPath}/teachers/show?texperience=11">10年以上</a></dt>
                               </li>
                               <li>
                                      <dd>外教类型：<a href="${pageContext.request.contextPath}/teachers/show" class="more">不限</a></dd>
                                      <dt><a href="${pageContext.request.contextPath}/teachers/show?ttype=幼儿英语外教">幼儿英语外教</a>
                                          <a href="${pageContext.request.contextPath}/teachers/show?ttype=青少年英语外教">青少年英语外教</a>
                                          <a href="${pageContext.request.contextPath}/teachers/show?ttype=成人英语外教">成人英语外教</a>
                                          <a href="${pageContext.request.contextPath}/teachers/show?ttype=考试类外教">考试类外教</a>
                                      <a href="${pageContext.request.contextPath}/teachers/show?ttype=其他外教">其他外教</a></dt>
                               </li>
                               <li>
                                      <dd>中文水平：<a href="${pageContext.request.contextPath}/teachers/show" class="more">不限</a></dd>
                                      <dt><a href="${pageContext.request.contextPath}/teachers/show?tlevel=初级">初级</a>
                                          <a href="${pageContext.request.contextPath}/teachers/show?tlevel=中级">中级</a>
                                          <a href="${pageContext.request.contextPath}/teachers/show?tlevel=高级">高级</a></dt>
                               </li>
                        </ul>
                        </div>
                        <!--筛选 End-->
                        <!--列表-->
                        <div class="Teacher_list"  style="height: 650px">
<%--                            教师列表--%>
                            <ul>
                                <c:forEach items="${pi.list}" var="teacher" varStatus="i">
                                    <li>
                                        <div class="pic">
                                            <a href="${pageContext.request.contextPath}/teachers/info?tid=${teacher.tid}"><img src="${pageContext.request.contextPath}/${teacher.timge}" /></a>
                                            <span>${teacher.tnumber}<em>${teacher.ttype}</em></span>
                                        </div>
                                        <h4>
                                            <span>${teacher.tcountry}</span><span class="T2">${teacher.texperience}年</span>
                                            <span class="T3">${teacher.tenducation}</span>
                                        </h4>
                                        <dl>目前是某知名国际学校的全职老师，点击查看详情....</dl>
                                    </li>
                                </c:forEach>


                            </ul>

						    <script type="text/javascript">
                                jQuery(".Teacher_list li").bind("mouseover", function() {
                                    jQuery(this).find(".pic span").show();
                                });
                                jQuery(".Teacher_list li").bind("mouseleave", function () {
                                    jQuery(this).find(".pic span").hide();
                                })
                            </script>
                        </div>
                        <!--Pages-->
                    <div class="Pages" align="center">
                        <span >目前在第<b>${pi.pageNum}</b>页,</span>
                        <span class="p_count">共有<b>${pi.pages}</b>页,</span>
                        <span class="p_total">本页共有<b>${pi.size}</b>条记录</span>
                        <span class="p_page">
                              <a href="${pageContext.request.contextPath}/teachers/show?tsex=${param.tsex}&tcountry=${param.tcountry}&texperience=${param.texperience}&ttype=${param.ttype}&tlevel=${param.tlevel}&pageNum=1" class="a_first">首页</a>
                           <c:if test="${pi.hasPreviousPage}">
                               <a href="${pageContext.request.contextPath}/teachers/show?tsex=${param.tsex}&tcountry=${param.tcountry}&texperience=${param.texperience}&ttype=${param.ttype}&tlevel=${param.tlevel}&pageNum=${pi.pageNum-1}" class="a_prev">上一页</a>
                           </c:if>
                            <c:forEach begin="1" end="${pi.pages}" var="index">
<%--                                <c:if test="${pi.pageNum==index}">--%>
                                    <li class="active" style="display: inline;">
                                        <a href="${pageContext.request.contextPath}/teachers/show?tsex=${param.tsex}&tcountry=${param.tcountry}&texperience=${param.texperience}&ttype=${param.ttype}&tlevel=${param.tlevel}&pageNum=${index}" style=" line-height: 20px;color: black; text-decoration: none;padding: 10px 10px;">${index}</a>
                                    </li>
<%--                                </c:if>--%>
<%--                                <c:if test="${pi.pageNum!=index}">--%>
<%--                                    <li class="" style="display: inline;">--%>
<%--                                        <a href="${pageContext.request.contextPath}/teachers/show?pageNum=${index}" style=" line-height: 20px;color: black; text-decoration: none;padding: 10px 10px;">${index}</a>--%>
<%--                                    </li>--%>
<%--                                </c:if>--%>

                            </c:forEach>

                            <c:if test="${pi.hasNextPage}">
                                <a href="${pageContext.request.contextPath}/teachers/show?tsex=${param.tsex}&tcountry=${param.tcountry}&texperience=${param.texperience}&ttype=${param.ttype}&tlevel=${param.tlevel}&pageNum=${pi.pageNum+1}" class="a_next">下一页</a>
                            </c:if>
                             <a href="${pageContext.request.contextPath}/teachers/show?tsex=${param.tsex}&tcountry=${param.tcountry}&texperience=${param.texperience}&ttype=${param.ttype}&tlevel=${param.tlevel}&pageNum=${pi.pages}" class="a_end">末页</a>
<%--                              <b class="f1">跳转到</b>--%>
<%--                              <input class="i_text" type="text" name="textfield" id="textfield" />--%>
<%--                              <b class="f2">页</b>--%>
<%--                              <input class="i_button" type="submit" name="button" id="button" value="" />--%>
                          </span>
                    </div>

                        <!--Pages-->

                        <!--列表 End-->
                
                <div class="clear">
                    <c:if test="${ not empty mes}">
                        <input type="hidden" value="${mes}" id="chek">
                        <script>
                            var data = $("#chek").val();
                            alert(data);
                        </script>
                    </c:if>

                </div>
                </div>
           </div>
           <!--Right End-->

    <div class="space25"></div>                   
    </div>
    </div>
    <!--End-->
    
    <!--bottom-->
    <%@ include file="tail.jsp"%>

    <!--bottom End-->
    
    <script type="text/javascript" language="javascript">
       jQuery("#nav3").attr("class","onnav");
	   jQuery("#menu1").attr("class","acur");
    </script>
</body>
</html>
